<div id="ability" v-cloak>
    <Row>
        <Spin fix v-show="spanShow" class="demo-spin-col">
            <Icon type="load-c" size=18 class="demo-spin-icon-load"></Icon>
            <div>Loading</div>
        </Spin>
        <i-col span="12"><div id="myChart" :style="{width:'100%',height:'1000px'}"></div></i-col>
        <i-col span="12"><i-table v-show="tableShow" stripe height="920" :columns="columns" :data="data"></i-table></i-col >
    </Row>
</div>
<script type="text/javascript" src="JS/page/vehicle/ability.js"></script>
<style>
        .demo-spin-icon-load{
            animation: ani-demo-spin 1s linear infinite;
        }
        @keyframes ani-demo-spin {
            from { transform: rotate(0deg);}
            50%  { transform: rotate(180deg);}
            to   { transform: rotate(360deg);}
        }
        .demo-spin-col{
            height: 100px;
            position: relative;
            top: 300px;
            border: 1px solid #eee;
        }
    </style>